<!DOCTYPE html>
<html>

<head>
  <title id="head_title" data-i18n="suspendedTitle">Suspended</title>
  <link rel='icon' href='/img/icon19b.png' id="suspended_favicon" />
  <link rel="stylesheet" href="/css/font-awesome.min.css" />
  <link type="text/css" href="/css/style.css" rel="stylesheet" />
  <script type="module" src="/js/suspended.js"></script>
</head>

<body id="body">
  <div class="mainContent">
    <h1 class="pageHeader"><img src="/img/icon64_hidden.png" class="headerIcon" />The Great-<span class="italic">er</span> Tab Discarder</h1>

    <div class="content">

      <p></p>
      <p data-i18n="suspendedPageTitle">This tab is Suspended.</p>

      <h2 id="suspended_title"></h2>
      <div id="suspended_uri"></div>

      <div id="no-watermark" class="formRow small" data-i18n="clickToRestore">Click the link above restore this tab.</div>

      <br><br>
      <div></div>
      <div class="formRow">
        <label id="customTitleLbl" for="customTitle" class="selectLabel" data-i18n="customizePageTitle">Customize Page Title</label>
        <select id="customTitle" class="option">
          <option value=""></option>
          <option value="" data-i18n="defaultOption">(default)</option>
          <option value="x1F4A4"> &#x1F4A4; ...</option>
          <option value="x1F534"> &#x1F534; ...</option>
          <option value="x1F535"> &#x1F535; ...</option>
          <option value="x1F7E0"> &#x1F7E0; ...</option>
          <option value="x1F7E1"> &#x1F7E1; ...</option>
          <option value="x1F7E2"> &#x1F7E2; ...</option>
          <option value="x1F7E3"> &#x1F7E3; ...</option>
          <option value="x1F7E4"> &#x1F7E4; ...</option>
          <option value="x26AA">  &#x26AA;  ...</option>
          <option value="x26AB">  &#x26AB;  ...</option>
          <option value="Suspended" data-i18n="suspendedSuffix">... | Suspended</option>
          <!-- <option value="Suspended">&#x2001; ... | Suspended</option> -->
        </select>
      </div>
      <!-- <div>
        <input type="checkbox" id="addZZZ" class="option" data-title="&#x1f4a4;" data-pre="1" />
        <label for="addZZZ" class="cbLabel"> Add &#x1f4a4; to front </label>
      </div>
      <div>
        <input type="checkbox" id="addSuspend" class="option" data-title="| Suspended" data-pre="" />
        <label for="addSuspend" class="cbLabel"> Add "| Suspended" to end </label>
      </div> -->

    </div>
  </div>
  <div id="watermark" data-i18n="watermarkText">Click anywhere to restore this tab</div>
</body>

</html>
